.department-content {
  width: 200px;
  li:hover{
    color: $theme;
  }
span,li,img{
  cursor: pointer;
}
  .item {
    margin-bottom: 60px;

  }

  .item:last-child {
    margin-bottom: 0;
  }

  .department {
    display: flex;
    flex-wrap: wrap;

    li {
      margin-top: 5px;
      width: 70px;

    }

    li:nth-child(odd) {
      margin-right: 40px;
    }
  }

  .title {
    justify-content: space-between;
position: relative;
    line-height: 40px;
  }

  .all {
    color: #999;
    font-size: 14px;

    .right {
      width: 14px;
      height: 14px;
    }
  }.img-box {
       left: -50px;
       position: absolute;
     background-color: #f3f0f8;
     width: 40px;
     height: 40px;
     display: flex;
     border-radius: 5px;
     justify-content: center;
     align-items: center;
     .img {
       width:26px;
       height:26px;
     }
   }

  h3 {
    height: 40px;
    font-size: 16px !important;
    //margin-bottom: 20px !important;
  }
.ul{

  li{
    span{
      color: $theme;
    }
    margin-top: 10px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
  }
}
  .orange{

    li span{
      color: #ffba71;
    }
    .img-box{
      .img{
        width: 18px;
        height: 18px;
      }
      background-color: #faf1e8;
    }
  }

}

